@import url("global.css");
.wrap { width:960px; margin-left:auto; margin-right:auto; }
.sprite { background-image:url(sprite.png); }

#top { background:url(bg_top_shadow.jpg) repeat-x 0 bottom #06C; padding-bottom:6px; }
#top .logo { float:left; width:500px; height:80px; overflow:hidden; }
#top .nav { float:right; }
#top .nav li { float:left; width:110px; height:40px; line-height:40px; padding:20px 0; margin-left:20px; }
#top .nav li a { display:block; height:40px; position:relative; padding-left:40px; color:#B3D1F0; font-size:16px; font-weight:bold; font-family:"Microsoft YaHei", "微软雅黑"; }
#top .nav li a i { display:block; position:absolute; left:0; top:0; width:40px; height:40px; }
#top .nav li a:hover { color:#FFF; text-decoration:none; }
#top .nav li.icon_ketang i { background-position:0 0; }
#top .nav li.icon_dianbo i { background-position:0 -40px; }
#top .nav li.icon_member i { background-position:0 -80px; }

#top .nav li.icon_member { position:relative; }
#top .nav li.icon_member .dropdown-menu{position:absolute;top:70px;left:-50px;z-index:1000;float:left;display:none;min-width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}
#top .nav li.icon_member .dropdown-menu li { float:none; width:auto; height:auto;line-height:auto;padding:0;margin:0;}
#top .nav li.icon_member .dropdown-menu .divider{height:1px;line-height:1px;padding:0;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
#top .nav li.icon_member .dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;font-size:14px;text-align:center;height:18px;padding:5px 0;line-height:18px;color:#333333;white-space:nowrap;}
#top .nav li.icon_member .dropdown-menu li>a:hover,#top .nav li.icon_member .dropdown-menu .active>a,#top .nav li.icon_member .dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;}
#top .nav li.icon_member:hover .dropdown-menu { display:block; }
#top .nav li.icon_member:hover .dropdown-menu-icon { position:absolute; top:61px; left:45px; background:url(icon_a_hover.png) no-repeat 0 0; width:20px; height:10px; z-index:1001; }

#center { background-color:#F1F3F7; }
#footer { background:url(bg_footer.jpg) no-repeat center top #FFF; padding:30px 0 20px; }
#footer .wrap { text-align:center; line-height:170%; color:#999; }
#footer .wrap a { color:#999; }
#footer .wrap a:hover { color:#333; }
#footer .subnav { margin-bottom:10px; }
#footer .subnav a { margin:0 20px; }

/*首页样式*/
.c_index_left, .c_index_right { float:left; width:474px; *width:470px; *overflow:hidden; height:420px; margin:20px 0 10px; padding-top:30px; }
.c_index_left { background:url(bg_index_line.jpg) no-repeat right 0; width:486px; *width:482px; height:auto; }

.c_index_left .bd { /*background:url(p_index_left.jpg) no-repeat 0 0;*/ width:460px; /*height:370px;*/ overflow:hidden; color:#666; line-height:200%; font-family:"Microsoft YaHei", "微软雅黑"; font-size:14px; }
.c_index_left .bd a { color:#06C; font-size:12px; }

.c_index_right .frm_login { width:380px; margin:20px 0 30px; padding-left:120px; }
.c_index_right .frm_login p { position:relative; margin-bottom:20px; }
.c_index_right .frm_login p label { position:absolute; cursor:text; font-size:14px; height:42px; line-height:42px; color:#CCC; left:15px; font-style:normal; font-family:"Microsoft YaHei", "微软雅黑"; }
.c_index_right .frm_login .frm_text, .c_index_right .frm_login .frm_code { height:30px; line-height:30px; font-size:14px; color:#333; width:340px; padding:4px 6px; border:solid 1px #CECECF; background-position:0 -130px; }
.c_index_right .frm_login .frm_code { width:140px; }
.c_index_right .frm_login .bg_code { position:absolute; left:170px; padding:6px 11px; background-position:-220px 0; }
.c_index_right .frm_login .bg_code img { float:left; width: 120px; height: 32px; }
.c_index_right .frm_login .bg_code a { float:right; color:#06C; text-decoration:underline; }
.c_index_right .frm_login .frm_submit { width:164px; height:49px; background:url("sprite.png") no-repeat -48px 0; border:none; cursor:pointer; color:#FFF; text-align:center; font-size:18px; text-shadow:#000 1px 1px 2px; letter-spacing:2em; text-indent:2em; font-family:"Microsoft YaHei", "微软雅黑"; }
.c_index_right .frm_login .btn_pass { font-size:14px; font-weight:bold; color:#06C; font-family:"Microsoft YaHei", "微软雅黑"; text-decoration:underline; margin-left:30px; }
.c_index_right .frm_login .btn_pass:hover { color:#F60; }

.block_notice { overflow:hidden; position:relative; width:380px; padding-left:120px; }
.block_notice .bd { padding:10px 50px 10px 0; }
.block_notice .btn_more { position:absolute; top:10px; width:50px; height:24px; line-height:24px; right:0; }
.block_notice .btn_more a { color:#06C; font-family:simSun, "宋体"; }
.block_notice .infoList li { height:24px; width:320px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px; }
.block_notice .infoList li a { color:#999; }
.block_notice .infoList li a i { display:inline-block; vertical-align:middle; width:20px; height:20px; background-position:-170px -50px;}

/*面包屑导航*/
#location { color:#999; height:50px; line-height:50px; font-family:simSun, "宋体"; }

/*课堂列表*/
.list_classroom ul { background:url(bg_line_h.gif) repeat-x 0 268px; }
.list_classroom ul li { float:left; width:220px; height:238px; overflow:hidden; padding:5px 8px 5px 5px; position:relative; background:url(bg_list_classroom.png) no-repeat 0 0; margin:0 7px 40px 0; }
.list_classroom ul li .pic { width:220px; height:120px; overflow:hidden; position:relative; }
.list_classroom ul li .pic .bg_mask { text-indent:-9999px; display:none; position:absolute; left:0; top:0; width:220px; height:120px; z-index:10; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; text-align:center; }
.list_classroom ul li .pic .btn { text-align:center; line-height:31px; color:#FFF; font-size:16px; font-family:"Microsoft YaHei", "微软雅黑"; text-decoration:none; display:none; position:absolute; top:45px; left:70px; z-index:20; width:88px; height:31px; background-position:-210px -50px; }

.list_classroom ul li .tit { height:40px; line-height:20px; overflow:hidden; padding:5px 8px; }
.list_classroom ul li .tit a { font-size:14px; font-weight:bold; color:#333; }
.list_classroom ul li .time { color:#999; padding:0 8px; }
.list_classroom ul li .num { color:#999; height:24px; line-height:24px; margin:15px 5px; padding-left:20px; position:relative; }
.list_classroom ul li .num i { display:block; position:absolute; left:0; top:0; width:20px; height:20px; background-position:-130px -70px; }
.list_classroom ul li .state { position:absolute; right:8px; bottom:20px; width:70px; height:26px; line-height:26px; text-align:center; font-weight:bold; color:#000; font-family:"Microsoft YaHei", "微软雅黑"; }
.list_classroom ul li .state .ongoing { color:#000; }
.list_classroom ul li .state .closed { color:#999; }

/*分页样式*/
.pages { background:url(bg_line_h.gif) repeat-x 0 0; padding:20px; text-align:center; }
.pages a { margin:0 5px; color:#5A5B5C; }
.pages a.cur { color:#1361B9; font-weight:bold; }
.pages .btn_prev, .pages .btn_next { background:#C6C6C6; border:solid 1px #E8E9EC; width:54px; height:16px; line-height:16px; display:inline-block; color:#FFF; }

/*内页*/
.bg_main { background:#FFF; width:960px; margin:0 auto 30px; min-height:500px; -webkit-box-shadow:0 1px 2px 1px rgba(153, 153, 153, 0.4); -moz-box-shadow:0 1px 2px 1px rgba(153, 153, 153, 0.4); box-shadow:0 1px 2px 1px rgba(153, 153, 153, 0.4); behavior:url(ie-css3.htc); }

/*课堂内页*/
.view_classroom { padding:30px 0; margin:0 40px; background:url(bg_line_h.gif) repeat-x 0 bottom; }
.view_classroom dt { border:solid 1px #DBDBDB; padding:1px; float:left; width:440px; height:240px; margin-right:20px; overflow:hidden; }
.view_classroom dt img { display:inline; }
.view_classroom dd { float:left; position:relative; width:400px; color:#999; line-height:200%; }
.view_classroom dd h1 { font-size:18px; color:#333; font-family:"Microsoft YaHei", "微软雅黑"; height:30px; white-space:nowrap; text-overflow:ellipsis; line-height:30px; margin-bottom:10px; }
.view_classroom dd p, .view_classroom dd div { text-indent:-5em; padding-left:5em; }
.view_classroom dd p input{border:solid 1px #CCC; padding:2px 4px;height:20px; line-height:20px;}
.view_classroom dd p button { text-indent:0em; padding-left:0em; border:solid 1px #CCC; height:26px; line-height:26px; }
.view_classroom dd .btn_copy { position:absolute; right:0; top:40px; background-position:-310px -50px; width:70px; height:20px; text-indent:-9999px; }

.frm_classroom { border:1px dashed #999; background:#FBFBFB; margin:40px; height:42px; padding:30px 23px;}
.frm_classroom p { position:relative; margin-right:10px; line-height:42px; float:left; font-size:14px; }
.frm_classroom p label { position:absolute; cursor:text; font-size:14px; height:42px; line-height:42px; color:#CCC; left:15px; font-style:normal; font-family:"Microsoft YaHei", "微软雅黑"; }
.frm_classroom .frm_text, .frm_classroom .frm_code { height:30px; line-height:30px; font-size:14px; color:#333; width:240px; padding:4px 6px; border:solid 1px #CECECF; background-position:0 -130px; }
.frm_classroom .frm_code { width:100px; }
.frm_classroom .bg_code { width:80px; height:40px; line-height:40px; }
.frm_classroom .bg_code img { margin-top:10px; }
.frm_classroom .frm_submit { width:120px; height:42px; background:url("sprite.png") no-repeat -370px 0; border:none; cursor:pointer; color:#FFF; text-align:center; font-size:18px; text-shadow:#000 1px 1px 2px; letter-spacing:0em; text-indent:0em; font-family:"Microsoft YaHei", "微软雅黑"; }
.frm_classroom .btn_pass { font-size:14px; font-weight:bold; color:#06C; font-family:"Microsoft YaHei", "微软雅黑"; text-decoration:underline; margin-left:30px; }
.frm_classroom .btn_pass:hover { color:#F60; }

.list_course_view { border:1px dashed #999; background:#FBFBFB; margin:40px; padding:20px 23px; }
.list_course_view strong { font-size:14px; color:#333; font-family:"Microsoft YaHei", "微软雅黑"; }
.list_course_view ul { margin-top:10px; line-height:200%; color:#999; }
.list_course_view a { color:#06C; text-decoration:underline; }
.list_course_view a:hover { color:#F60; }

/*点播课件列表*/
/*课堂列表*/
.list_course ul { background:url(bg_line_h.gif) repeat-x 0 200px; }
.list_course ul li { float:left; width:220px; height:200px; overflow:hidden; padding:5px; position:relative; background:url(bg_list_course.png) no-repeat 0 0; margin:0 4px 10px; }
.list_course ul li .pic { width:220px; height:120px; overflow:hidden; position:relative; }
.list_course ul li .pic .bg_mask { text-indent:-9999px; display:none; position:absolute; left:0; top:0; width:220px; height:120px; z-index:10; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; text-align:center; }
.list_course ul li .pic .btn { display:block; }
.list_course ul li .pic .btn { text-align:center; line-height:62px ;color:#fff; display:none; position:absolute; top:29px; left:79px; z-index:20; width:62px; height:62px; background-position:-400px -50px; text-indent:-9999em; }

.list_course ul li .tit { height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:10px 8px 0; }
.list_course ul li .tit a { font-size:14px; font-weight:bold; color:#333; }
.list_course ul li .state { height:30px; line-height:30px; font-size:11px; color:#999; font-family:Verdana; }
.list_course ul li .state span { position:relative; float:left; height:30px; padding-left:25px; }
.list_course ul li .state span i { display:block; position:absolute; left:0; top:5px; overflow:hidden; width:20px; height:20px; }
.list_course ul li .state span.ico_view  { width:60px; }
.list_course ul li .state span.ico_zan { width:50px; }
.list_course ul li .state span.ico_share { width:30px; }
.list_course ul li .state span.ico_view i { background-position:-50px -70px; }
.list_course ul li .state span.ico_zan i { background-position:-70px -70px; }
.list_course ul li .state span.ico_share i { background-position:-90px -70px; }

/*课件点播播放页*/
.course_player { width:880px; margin:0 auto; padding:30px 0 10px; }
.view_course { width:880px; margin:0 auto; padding-bottom:50px; height:40px; line-height:40px; overflow:hidden; }
.view_course .state { float:left; height:30px; line-height:30px; font-size:12px; color:#999; font-family:Verdana; }
.view_course .state span { position:relative; float:left; margin-right:30px; height:30px; padding-left:25px; }
.view_course .state span i { display:block; position:absolute; left:0; top:5px; overflow:hidden; width:20px; height:20px; }
.view_course .state span.ico_view i { background-position:-50px -50px; }
.view_course .state span.ico_zan i { background-position:-70px -50px; }
.view_course .state span.ico_fav i { background-position:-110px -50px; }
.view_course .btn_share { float:right; }

.course_player_content { width:880px; margin:0 auto; padding:0 0 20px; }
.course_player_content .hd { border-bottom:solid 1px #CCC; padding:0 15px; margin-bottom:10px; position:relative; }
.course_player_content .hd span { position:absolute; height:30px; line-height:30px; padding:0 10px; border:solid 1px #CCC; border-bottom-color:#FFF; left:20px; bottom:-1px; font-size:14px; color:#333; }

/*使用帮助*/
.list_help { width:850px; margin:0 auto; padding:30px 0; line-height:300%; }
.list_help li { background:url(bg_line_h.gif) repeat-x 0 bottom; padding:0 10px 0 20px; position:relative; }
.list_help li a i { position:absolute; left:0px; top:8px; width:20px; height:20px; background-position:-150px -50px; }

/*详细内容*/
.disTitle { margin:0 40px 20px; font-size:16px; font-family:"Microsoft YaHei", "微软雅黑"; text-align:center; background:url(bg_line_h.gif) repeat-x 0 bottom; padding:30px 10px 20px; }
.disContent { font-size:14px; line-height:180%; margin:0 40px 50px; color:#999; }
.disContent p { margin-bottom:10px; text-indent:2em; }
/*激活系统样式*/
.frm_active { width:600px; margin:0 auto; padding:30px 0; }
.frm_active h3 { font-size:24px; height:40px; line-height:40px; color:#F60; font-family:"Microsoft YaHei", "微软雅黑"; border-bottom:dotted 1px #CCC; padding:0 10px 20px; margin-bottom:20px; }
.frm_active p { font-size:14px; padding:10px 20px; }
.frm_active p span { display:inline-block; width:70px; text-align:right; font-weight:bold; }
.frm_active .frm_text { height:24px; line-height:24px; padding:4px 6px; width:300px; font-size:14px; font-family:"Courier New", Courier, monospace; }
.frm_active .frm_textarea { line-height:24px; padding:6px; width:420px; vertical-align:top; outline:none; font-size:14px; font-family:"Courier New", Courier, monospace; }
.frm_active .frm_submit { width:100px; height:40px; line-height:40px; font-weight:bold; cursor:pointer; }


/*首页课堂列表 20140219 增加*/
.list_index_classroom { width:960px; padding-bottom:30px; }
.list_index_classroom .bd{ position:relative;  }
.list_index_classroom .prev,
.list_index_classroom .next{ position:absolute; top:58px; left:-30px; display:block; width:27px; height:44px; background:url(slide_tigger.png) 0 -44px; z-index:9; overflow:hidden; }
.list_index_classroom .next{ left:auto; right:-30px; background-position:-27px -44px; }
.list_index_classroom .prev:hover{ background-position:0 -88px; }
.list_index_classroom .next:hover{ background-position:-27px -88px; }
.list_index_classroom .prevStop{ background-position:0 0 !important; }
.list_index_classroom .nextStop{ background-position:-27px 0 !important; }
.list_index_classroom ul{ overflow:hidden; zoom:1; }
.list_index_classroom ul li { float:left; width:220px; height:150px; overflow:hidden; padding:5px; position:relative; background:url(bg_list_classroom_index.png) no-repeat 0 0; margin:0 5px; }
.list_index_classroom ul li .pic { width:220px; height:120px; overflow:hidden; position:relative; }
.list_index_classroom ul li .pic .bg_mask { text-indent:-9999px; display:none; position:absolute; left:0; top:0; width:220px; height:120px; z-index:10; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; text-align:center; }
.list_index_classroom ul li .pic .btn {text-align:center; line-height:31px; color:#FFF; font-size:16px; font-family:"Microsoft YaHei", "微软雅黑"; text-decoration:none; display:none; position:absolute; top:45px; left:70px; z-index:20; width:88px; height:31px; background-position:-210px -50px; }

.list_index_classroom ul li .tit { height:40px; line-height:20px; overflow:hidden; padding:5px 8px; }
.list_index_classroom ul li .tit a { font-size:12px; font-weight:bold; color:#999; }
.list_index_classroom ul li .time { color:#999; padding:0 8px; }
.list_index_classroom ul li .num { color:#999; height:24px; line-height:24px; margin:15px 5px; padding-left:20px; position:relative; }
.list_index_classroom ul li .num i { display:block; position:absolute; left:0; top:0; width:20px; height:20px; background-position:-130px -70px; }
.list_index_classroom ul li .state { position:absolute; right:8px; bottom:20px; width:70px; height:26px; line-height:26px; text-align:center; font-weight:bold; color:#000; font-family:"Microsoft YaHei", "微软雅黑"; }
.list_index_classroom ul li .state .ongoing { color:#000; }
.list_index_classroom ul li .state .closed { color:#999; }

